﻿*{    margin:0; padding:0;}
ul{    list-style:none;}
a {    text-decoration:none;}
img{border:none}
.clear {clear:both; height:0px;}
.require { color:red}
body {    background:#fdebf9; font-family:Arial; font-size:12px;}
.main { width:1000px; background:#fff; margin:0 auto; min-height:2200px;}
.banner {  height:120px; width:1000px;}
/*.colormenu {  width: 1000px;  height: 30px;  background: url(Image/menu.png) repeat-x;}
.colormenu ul li { position:relative; float: left; line-height:30px; padding:0 22px; color:#fff; background:url(Image/border_menu.png) no-repeat left;}
.colormenu ul li a  {   color:#fff; font-weight:bold;  }

.menustyle li ul{position:absolute; display:none; width:10em;margin-left: -22px; }
.menustyle li:hover ul{display:block; }
.menustyle ul li ul li {border:1px solid #fff;width:100% ; background:#ffdff7; border-left:none; border-right:none }
.menustyle ul li ul li a {color:#ff49d2}
.menustyle ul li ul  a:hover {background:#f1c3e5}
.menustyle ul li ul li:hover {background:#f1c3e5}
.hover-menu a:hover {color:#f8e10b}*/
/*Menu đa cấp*/

.menu {  width: 1000px;  height: 30px;  background: url(Image/menu.png) repeat-x;}
.colormenu ul{margin: 0; padding: 0;font: bold 12px Verdana;list-style-type: none;overflow: hidden;width: 100%;}
.colormenu ul li {position:relative; float:left; color:#fff; background:url(Image/border_menu.png) no-repeat left;}
.colormenu ul li a    { float: left;display: block;margin: 0;padding: 8px 22px; /*padding inside each tab*/    }
.colormenu li a:visited{color: white;}
.colormenu ul li a:hover{color: #eaf82c}/*background of tabs for hover state */
.colormenu li a.selected{color:#eaf82c /*background of tab with "selected" class assigned to its LI */ }
.menustyle, .menustyle div{ font: normal 13px Verdana;margin:0;padding: 0;position: absolute;left: 0;top: 0;list-style-type: none;border: none;border-bottom-width: 0;visibility: hidden;z-index: 100;}
.menustyle ul{margin:0;padding: 0;position: absolute;left: 0;top: 0;list-style-type: none;border:none;}
.menustyle ul li a{display: block;width: 170px; color: #f345ca;background-color: #ffdff7;padding: 4px 5px;border-bottom: 1px solid #fff;}
* html .menustyle li{ /*IE6 CSS hack*/display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}
.menustyle li a:hover{background-color: #f1c3e5;}


/*end menu */


.content {   width:1000px;  background:#fff;   margin-top: 5px;}
.content_left {  width:756px;  float:left;    height: 100px;}
.content_right{    height:100px;    width: 233px;    float:right; }
.box_contentright{    width: 231px;   margin: 0px 0 6px 0;}
.box_contentright p.box_title
{   
     height: 29px; background: #ff49d2;   text-align: center;
   line-height:29px;
  font-size:13px;
  text-transform:uppercase;
  color:#fff;
  font-weight:700;
  border-radius:5px 5px 0 0;
  -moz-border-radius:5px 5px 0 0;
  -webkit-border-radius:5px 5px 0 0;
}
.box_giohang {   border: 1px solid #ffb1eb; padding: 0 0 14px 20px; width: 209px; }
.box_giohang h3{ background:url(Image/logo_giohang.png) no-repeat left top; line-height:26px; margin:10px; padding: 0 0 0 28px;}
.box_giohang a{    background: url(Image/logo_view_thanhtoan.png) no-repeat left; margin: 10px 50px; padding: 0 0 0 15px; text-align:center;}

.box_support {border: 1px solid #ffb1eb; padding: 0 0 0px 20px; width: 209px; text-align:center; height:246px;}
.box_support h4 {  margin: 13px 14px 8px 5px; text-align:center; color:#a2427f; font-weight:bold; font-size: 15px}
.box_support h3    {  float: left;  font-weight: bold;  color: #a2427f;   padding: 7px 7px 0 0 ;  margin-left:-8px  }
.box_support p { float:left; color:#f0fd00; font-size: 25px; text-shadow: 1.5px 1.5px #000000;margin: -5px 0 0 -6px;}

.box_mail {border: 1px solid #ffb1eb; height:196px}
.box_mail h3 { text-align:center; font-size:24px; color:#eeff00; margin-top:4px; text-shadow:1.5px 1.5px #000000  }
.box_mail p {margin: 6px 0 1px 4px; font-size: 0.955em;}
.box_mail img { margin-top:-1px}

.box_category { margin: 5px 0 5px 0;}
.box_category ul li  {background: #ff49d2; margin-top:1px ; padding: 7px 0 8px 10px;  }
.box_category ul li a { height:30px; color: #fff; font-weight:bold; background: url(Image/category.png) no-repeat left center; padding: 0 0 0 10px; }
.box_category ul li a:hover {color:#187db0}

.box_search { border: 1px solid #ffb1eb; padding: 0 0 4px 0px;  }
.box_search input[type="text"] {margin: 0 0 5px 17px; height:16px; width: 194px; padding: 2px 0 0 0;}
.box_seachwidth {width:195px; margin: 5px 17px; padding: 5px ; height:25px; font-size:12px; }
.box_seachwidth1 { background: url(Image/seach.png) no-repeat;  border:none; width:15px; height:13px;  margin: 5px 10px 0px -20px; }

.box_regisNews { border: 1px solid #ffb1eb; padding: 0px 0px 5px 15px; height:121px;  }
.box_regisNews p {  padding: 5px; font-weight:normal; }
.box_regisNews table tr  {height:25px;}
.box_regisNews table tr input.bumenustyleion {background: url(Image/pic_btngui.png) repeat-x; width:34px; height:20px; color:#fff; border:none}
    
.box_gioithieu { border: 1px solid #ffb1eb;  text-align:left; padding:1px 6px 0 6px; height:656px }
.picgt {margin: -2px 0 0 20px }
.box_phanphoi {border: 1px solid #bfbfbf; background: #f0f0f0; border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; margin-top: -2px; height:169px;}
.box_phanphoi p { font-size:20px; text-transform: uppercase; color:#ff00c2; font-weight:bold; padding:5px 0 10px 0; text-align:center} 
.box_phanphoi ul li { margin:5px 0px 9px 74px;   }
.box_phanphoi ul li a {background: url(Image/pic_gt.png) no-repeat left center; padding-left:15px}
.pic {margin:6px 0px -4px -1px;}



.topsanpham { height: 200px; background: #f4f4f4; margin-top: 2px;  }
.pic_top { float:left; width:131px; margin: 12px 10px; }
.pic_top p { margin-top: 8px;}
.pic_top p a  { color: #fb62d6; font-weight:bold; margin-top:10px;}
.pic_top h4 {font-size:11px; padding-top: 5px; font-family:Arial; font-weight:normal; }


.nhansp  { height: 100px; background:#f4f4f4; margin-top:7px; padding: 16px 0px 4px 15px }
.nhansp img {float: left; padding: 2px 1px 0px -1px; border: 1px solid #d4d4d4; margin: 0 1.5px; height:84px; width:140px;}

.top { background: #ffe0f9; color:#ff0038; font-size: 13px; height: 20px}

.sanphamnew {height: 589px; border: 1px solid #ffb1eb; border-radius: 5px 5px 0 0; -mox-border-radius:5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; margin-top: 5px;}
.sp { background: url(Image/pic_sp.png) repeat-x ; height: 27px; border-bottom:1px solid #ffb1eb; border-radius:0 5px 0 0; -mox-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0;}
.sp ul li p {background: #ff49d2; width:140px; height: 27px; color:#fff; text-align: center; line-height: 27px;  font-weight:bold; } 
.sp ul li {float: left;}

.mathang { height:559px; margin-top: 5px;}
.mathang_new1 { float:left; width:27.5%; margin:15px 0px; text-align:center;  border-right: 1px solid #e3e3e3; padding: 0 21px;}
.mathang_new1 a {font-size:12px; padding-top: 5px; font-family: Arial; font-weight:normal; height:33px;}
.mathang_new1 p  { color: #ff49d2; margin:14px 0 0 11px; }
.mathang1  { height:155px;    }

.datmua { background: url(Image/btn_datmua.png) no-repeat left center;  width:60px; height: 20px;border:none; cursor:pointer  }
.muachung {background: url(Image/btn_muachung.png) no-repeat left center;  width:71px; height:20px; border: none; cursor:pointer}
.bumenustyleon { padding: 10px 0 0 10px; }


.mathang_new2 { float:left; width:27.5%; margin:15px 0px; text-align:center; border-right: 1px solid #e3e3e3; padding: 0 21px;}
.mathang_new2 h3 {font-size:12px; padding-top: 5px; font-family:Arial; font-weight:normal; height:33px;}
.mathang_new2 p  { color: #ff49d2; }
.mathang2 { height: 160px;}

.border1 { border-bottom: 1px solid #e3e3e3; width:200px; float: left; margin: 0 30px}
.border2 { border-bottom: 1px solid #e3e3e3; width:215px; float: left; margin: 0 8px}
.border3 { border-bottom: 1px solid #e3e3e3; width:209px; float: left; margin: 0 26px}

.footer { margin-top:6px; text-align:center;}
.footer p { font-size: 13px;  font-weight:normal;margin: 10px 0 0 293px; }

/* Chi tiết sản phẩm*/
.chitietsp{ height:901px}
.gia { margin: 10px 0 0 20px}
.border_pic { border: 1px solid #dedede; width:306px; height: 306px;margin-top: 10px; float:left}
.border_pic img {padding: 100px 5px 5px 70px}
.gia h3 {color: #eda35c; }
.muaban {float:right; width:50%; margin: 20px 41px 0 10px}
.fix {margin:17px 0 0 -10px}
.thongtin {margin: 12px 0 0 20px}
.thongtin p { font-size: 13px}


.nhanxet{ margin-top: 138px;}
.nx {border: 1px solid #eed3dc; height:27px;background:#fad3e5;line-height:27px;color:#d767b3; font-weight:bold;padding-left:16px;}
.bution {background: url(Image/pic_btngui.png) repeat-x; width:92px; height:20px; color:#fff; border:none; margin: 15px 0 0 370px}
.send_nhanxet table  {width:100%; padding:14px 0 0 60px}
.send_nhanxet input[type="text"] {width:254px}
.send_nhanxet textarea {width:254px; }
/*Liên kết*/
.lienket {height:50px}

/*Phân trang*/
.phantrang {height: 650px; }
.footer_phantrang {  border-top: 1px solid #DDDDDD; font-size:13px; text-align:center;margin-top:20px;padding-left:332px}
.footer_phantrang ul li {float:left;margin:12px -2px 0 10px;}
.footer_phantrang ul li a.text {color:black; }
.footer_phantrang ul li a.text:hover {text-decoration:underline}
.footer_phantrang ul li a.select1  {background:red; color:#fff; width:27px; height:20px;padding: 3px 11px 3px 12px;}
.footer_phantrang ul li a.select {background:#b2b2b0;padding: 3px 11px 3px 12px; color:#fff}
.footer_phantrang ul li a.select:hover {background:red; }

/*Giỏ hàng*/
.giohang { height:auto}
.thanhtoan table { width:95%; border-collapse:collapse; border: 1px solid #e3e3e3; margin: 10px 0 0 20px; text-align:center }
.thanhtoan table tr td { border: 1px solid #e3e3e3}
.tabletop {background:#0cace9; border:1px solid #0cace9}
.tablebomenustyleom input[type="text"] {width: 50px; text-align:center;margin-right: 3px ; text-align: center;}

.btnthanhtoan { margin:10px 0 8px 10px}

.capnhat {background: url(Image/btn_capnhat.png) no-repeat left center; width:22px; height:17px; border:none}
.huybo {background: url(Image/btn_huybo.png) no-repeat left center; width:22px; height:17px; border:none}

/*Mua chung*/
.thongtin_muachung {margin-top: 10px}
.thongtin_muachung ul li {background: #edf2f6; padding:8px 1px 6px 1px; margin:3px; width: 397px}
.thongtin_muachung ul li p {background:url(Image/pic_muachung.png) no-repeat left center;color:#6d9bcc; padding-left:20px}
.giaban {font-weight: bold}

/*Đặt hàng*/
.dathang {height:auto}
.table-dathang {margin-top: 10px}
.table-dathang table {margin: 0 auto;  width: 40%;}
.table-dathang table th {text-align:left; font-size:15px}
.btn-dathang {margin: 10px 0 10px 372px;    width: 100px;}
.table-dathang table td { margin-left:55px }

.input-text { width:143px}
.input-text-mail { width:160px}


